<template>
  <div class="container">
    <el-row type="flex"
            justify="space-between">
      <!-- 订单表单 -->
      <div class="main">
         <OrderForm/>
      </div>

      <!-- 侧边栏 -->
      <div class="aside">
        <OrderAside
        :data="$store.state.air.infoData"
        />
      </div>
    </el-row>
  </div>
</template>

<script>
import OrderForm from "@/components/air/orderForm.vue";
import OrderAside from "@/components/air/OrderAside.vue";
export default {
   components: {
     OrderForm,
     OrderAside
   },
   data (){
     return {
        // infoData: {
        //   seat_infos: {}
        // }   //要传输的机票数据
     }
   },
   methods: {
    //  setInfoData (data){
    //    this.infoData = data;
    //  }
   }
}
</script>

<style lang="less" scoped>
.container {
  width: 1000px;
  margin: 20px auto;
  height: 940px;
}

/*aside*/
.aside {
  width: 350px;
  height: fit-content;
  border: 1px #ddd solid;
}
</style>